.index-wrap {
    min-height: 180px;
}

.index-wrap div {padding:0px;}
.index-wrap ul {
    display: flex;
    padding: 0px;
    border: 1px solid gray;
    margin: 0px;
    flex-wrap: wrap;
}
.index-wrap ul.fl {display:block;}
.index-wrap ul.fl:after{content:'';display:block;clear:both;}
.index-wrap ul.fl li {float: left;}
.index-wrap ul.fl li.key {height: 18px; line-height: 16px;}
.index-wrap ul.fl li.keytop {height: 19.5px; line-height: 16px; }


  /* index.skin.php */
  .index-wrap ul {display: flex;padding: 0px;border:1px solid #ddd;}
  .index-wrap ul li {list-style-type: none; padding:0 3px;}
  .index-wrap ul li.key {background-color: #D7E7DC;border-right:1px solid #ddd;  }
  .index-wrap ul li.keytop {background-color: #D7E7DC;border-right:1px solid #ddd;  padding-left:6px; padding-right:6px;}
  .index-wrap ul li.value {white-space: nowrap;}
  .index-wrap ul li.value1 {list-style-type: none; padding:0 2px;}
  .index-wrap ul li.value2 {list-style-type: none; padding:0 4px;}
  .index-wrap ul li.value3 {padding-left:10px;}
  .index-wrap ul li.value-first {padding-left:15px;}

/* 설교분류 높이수정 및 정렬 수정(23.04.12 손성균) */

.index-wrap ul li.wide {
    width: 38px;
    text-align: center;
}
.index-wrap ul li.full {
    width: 60%;
    text-align: left;
}

.index-wrap ul li.value.narrow a {
    color: blue;
}

.narrow {padding: 0 2px !important; letter-spacing: -1px;}
.narrow1 {padding: 0 2px !important; letter-spacing: -1px;}


.at-col {padding-top: 0px;}